import React from "react";
import { Route } from "react-router-dom";

import News from "../pages/News";
import Index from "../pages/Index";
import House from "../pages/House";

import My from "../pages/My";

class HomeRouter extends React.Component {
    render() {
        return (
            <div>
                {/* <ul>
                    <li>
                        <Link to="/home/index"> home/index </Link>
                    </li>
                    <li>
                        {" "}
                        <Link to="/home/news"> home/news </Link>
                    </li>
                    <li>
                        {" "}
                        <Link to="/home/house"> home/house </Link>
                    </li>
                    <li>
                        <Link to="/home/my"> home/my </Link>
                    </li>
                </ul> */}
                <Route path="/home/index" component={Index}></Route>
                <Route path="/home/news" component={News}></Route>

                <Route path="/home/house" component={House}></Route>

                <Route path="/home/my" component={My}></Route>
                <Route path="/home" exact component={Index}></Route>
            </div>
        );
    }
}

export default HomeRouter;
